@charset "utf-8";

@import "reset";
@import "common";

.collection_warp{
    text-align: center;
    width: 91%;
    margin: 30px auto 0;
    border-top:1px solid #4d4d4d;
    padding-top: 30px;
    .collection_left{
        width: 21%;
        float: left;
        .list_nav{
            text-align: left;
            >li{
                height: 41px;
                line-height: 41px;
                background: #252525;
                margin-bottom:4px;
                >a{
                    display: block;
                    color: #777676;
                    font-size: 14px;
                    vertical-align: middle;
                    >i{
                        font-size: 21px;
                        margin: 0 16px;
                        vertical-align: middle;
                    }
                }
            }
        }
        .list_img{
            >li{
                width: 100%;
                >a{
                width: 100%;
                display: block;
                vertical-align: middle;
                overflow: hidden;
                    >img{
                        width: 100%;
                    }
                }
            }
        }
    }
    .collection_mid{
        width: 62%;
        float: left;
//      max-width: 650px;
        background: #FFFFFF;
        min-height: 500px;
        margin-left: 10px;
    }
    .collection_right{
        width: 15%;
        float: right;
//      max-width: 156px;
        background: skyblue;
        min-height: 600px;
    }
}
